<template>
    <div>
        <div class="nav">
            <img src="../assets/imgs/logo.png" alt="" class="logo fl">
            <h1 class="fl title">ELEPHANT　大象招聘系统</h1>
            <ul class="clearfix">
                <li>
                    通知
                </li>
                <li>
                    退出登录
                </li>
            </ul>
        </div>
    </div>
</template>
<script>
    export default {
        data(){
            return {
            }
        },
        methods:{
            handleSelect(key, keyPath) {
                console.log(key, keyPath);
            }
        }
    }
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
    .nav
        background-color: #324157
        height: 60px
    .logo
        height: 40px
        margin: 10px 10px 10px 20px
    .title
        font-size: 20px
        line-height: 60px
        color #fff
        padding-right: 20px
    ul
        float: right
        padding-right: 100px
        li
            text-align: center
            float: left
            height: 60px
            line-height: 60px
            color #fff
            font-size: 16px
            width: 140px
            cursor pointer
            margin-top: 2px
            &:hover
                color #8492A6
                box-sizing border-box
                border-bottom 4px solid #8492A6
</style>